<div class="promotion" >
	<!-- banner-->
	<section class="bannerarea">
		<div class="bannerimg"><img src="images/show/suyun/banner.png" class="img-responsive" alt="Responsive image"></div>
	</section>
	<!-- maincontent-->
	<section class="container">
		<div ng-controller="ctrlRead">
			<table class="table table-striped table-condensed table-hover">
				<tbody>
					<div class="activitybox row">
						<div class="areatitle">
							<h2 class="text-left"><span class="title">娲诲姩淇冮攢</span></h2>
							<p class="english"><span class="subtitle">ACTIVITY PROMOTION</span></p>
							<ul class="list-inline">
								<li class="active">鍏ㄥ浗</li>
								<li>鍗庝腑</li>
								<li>鍗庡崡</li>
								<li>鍗庡寳</li>
							</ul>
						</div>
						<div class="col-sm-6 col-md-3" ng-repeat="item in pageItems">
							<div class="thumbnail">
								<img ng-src="{{item.titleImg}}" alt="娲诲姩涓�">

								<div class="caption">
									<p><a href="#/promotion_detail">{{item.title}}</a></p>
									<p class="text-right status">
										<span>杩涜涓�</span>
									</p>
									<p class="text-right grey">{{item.startDate}}鈥攞{item.endDate}}</p>
									<p class="text-right grey">{{item.activeScope}}</p>
								</div>
							</div>
						</div>
					</div>
				</tbody>
			</table>
			<!--  鍒嗛〉鎸夐挳 -->
			<div>
				<ul class="pagination pull-right">
					<li>
						<a href ng-click="prev()">涓婁竴椤�</a>
					</li>
					<li ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}">
						<a ng-click="selectPage(page)">{{ page }}</a>
					</li>
					<li>
						<a href ng-click="next()">涓嬩竴椤�</a>
					</li>
				</ul>
			</div>
		</div>
	</section>
</div>
